<template>
  <div>
    <one></one>

    <div id="container">
      <div id="content2">

        <table cellspacing="0" cellpadding="0" width="100%" border="0">
          <tbody>
          <div align="left">我的位置&gt;&gt;科技项目申报</div>
          <tr>
            <td>
              <div align="left">|&nbsp;&nbsp;欢迎,专家用户&nbsp;&nbsp;|&nbsp;&nbsp;<a
                  class="table_t" href="#/">注销      </a>&nbsp;&nbsp;|&nbsp;&nbsp;
                <a href="javascript:history.go(-1)">后退</a>&nbsp;&nbsp;|
              </div>
            </td>
            <td>
              <div align="center">
                <router-link active-class="active" to="/expert/expertinfo">专家信息</router-link>
              </div>
            </td>
            <td>
              <div align="center">
                <router-link active-class="active" to="/expert/reworkpassword">修改密码</router-link>
              </div>
            </td>
            <td height="50">
              <div align="center">
                <router-link active-class="active" to="/expert/showprojectcategory">项目管理</router-link>
              </div>
            </td>
          </tr>
          </tbody>
        </table>
        <br/>
        <router-view/>
      </div>
    </div>
    <two></two>

  </div>
</template>
<script>
import One from '../../components/header.vue'
import Two from '../../components/footer.vue'
import ExpertInfoView from './ExpertInfoView'
import ReworkPasswordView from './ReworkPasswordView'
import ShowProjectCategoryView from './ShowProjectCategoryView'


export default {


  data() {
    return {}
  },

  methods: {},

  components: {
    One,
    Two,
    ExpertInfoView,
    ReworkPasswordView,
    ShowProjectCategoryView,

  }

}
</script>
<style scoped>
a {
  text-decoration: none;
}

.router-link-active {
  text-decoration: none;
}
</style>